		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			a{
				text-decoration: none;
			}
			#con{
				padding: 20px;
			}
			#functionItem{
				height: 32px;
				line-height: 32px;
				font-size: 12px;
			}
			#functionItem a{
				display: inline-block;
				height: 32px;
				line-height: 32px;
				text-align: center;
				width: 92px;
				border-radius: 20px;
				color: #fff;
				margin-right: 11px;
			}
			#functionItem span{
				color: red;
			}
			.add{
				background: #408080;
			}
			.del{
				background:#d15967;
			}
			#table{
				width: 100%;
				border-left: 1px solid #e8e8e8;
				border-right: 1px solid #e8e8e8;
				margin-top: 20px;
			}
			#table th{
				background: #f4f4f4;
				height: 50px; 
				border-top: 1px dashed #e8e8e8;
				border-bottom: 1px dashed #e8e8e8;
				font-size: 14px;
				color: #333;
				text-align: center;
			}
			#table td{
				text-align: center;
				height: 50px;
				border-bottom: 1px solid #e8e8e8;
				font-size: 12px;
				color: #333 ;
			}
			#table td a{
				display: inline-block;
				width: 70px;
				height: 30px;
				border: 1px solid #e8e8e8;
				border-radius: 15px;
				text-align: center;
				line-height: 30px;
				font-size: 12px;
				color: #666;
			}
			#table td a:first-child{
				margin-right: 16px;
			}
			
			#ue_mask{
				position: fixed;
				top:0;
				left:0;
				width: 100% !important;
				height: 100%;
				background: rgba(0,0,0,.2);
			}
		</style>

		<div id="con">
			<div id="functionItem">
				<a class="add">新增</a><a class="del">删除</a>记录数：<span>3</span>
			</div>
			<div>
				<table id="table" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<th>序号</th>
						<th>角色</th>
						<th>账号</th>
						<th>姓名</th>
						<th>电话号码</th>
						<th>创建时间</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
					<tr>
						<td>1</td>
						<td>2</td>
						<td>3</td>
						<td>4</td>
						<td>5</td>
						<td>2017-05-06 12:12:12</td>
						<td>7</td>
						<td><a class="edit">编辑</a><a href="#">删除</a></td>
					</tr>
					<tr>
						<td>1</td>
						<td>2</td>
						<td>3</td>
						<td>4</td>
						<td>5</td>
						<td>6</td>
						<td>7</td>
						<td><a href="#">编辑</a><a href="#">删除</a></td>
					</tr>
					<tr>
						<td>1</td>
						<td>2</td>
						<td>3</td>
						<td>4</td>
						<td>5</td>
						<td>6</td>
						<td>7</td>
						<td><a href="#">编辑</a><a href="#">删除</a></td>
					</tr>
				</table>
			</div>
		</div>
	<div id="ue_mask" class="easyui-window">
		<div id="ue_panel" style="width: 60%;height: 70%;">
		
		</div>
	</div>
	
	<script type="text/javascript">
	
		$("#ue_mask").window({
			title:"",
			toorber:false,
		}).window('close')
	
		$("#ue_panel").dialog({
			title:"编辑",
			href:"detail.html",
			onClose:function(){
				$("#ue_mask").window('close')
			}
		}).dialog('center').dialog('close')
	
		$(".edit").click(function(){
            var index=$(".edit").index($(this));
            $(".edit").eq(index).attr("ue_href")

            $("#ue_mask").window('open');
            $("#ue_panel").dialog('open').dialog({
                href:$(".edit").eq(index).attr("ue_href")
            });



		})
	</script>